import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);
// 1.开发store
// 2.导出
export default new Vuex.Store({
  // 插件
  plugins: [], //持久化本地存储插件vuex-persist

  strict: true,// 开启严格模式

  // 状态
  state: {
    shop:[
      {name:"苹果手机",count:1,price:50,id:1},
      {name:"小米手机",count:2,price:22,id:2},
      {name:"华为手机",count:3,price:66,id:3}, 
    ]
  },

  // 计算属性
  getters: {
  },
  // 同步修改
  mutations: {
    SAVE_DATA(state,data){

    },
    DEL_ITEM(state,index){
      // vue里数组和对象的值单纯修改不会触发更新的
      state.shop.splice(index,1)
    }
  },
  // 异步修改
  actions: {
  },
  // 模块化
  modules: {
  },
});
